/*
 * @Author: Xia_cc 978487464@qq.com
 * @Date: 2022-08-15 18:26:35
 * @LastEditors: Xia_cc 978487464@qq.com
 * @LastEditTime: 2022-08-17 10:04:11
 * @FilePath: \bpm-management-system\src\component\examinemanage\xiangqin\xiangqin.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react'
import { Avatar,Button} from 'antd';
import { UserOutlined } from '@ant-design/icons';
import moment from 'moment'
import './cailiaocaigouxiangqin.less'
 
export default function Xiangqin(props) {
    const add=()=>{
        props.visibles[1](!props.visibles[0])
        console.log(props.visibles[0]);
    }
    const xiangqinArr=[
        {name:"yami huke",
        getTime:moment().format('YYYY-MM-DD HH:mm:ss'),
        state:"草稿",
        title:"苏州地铁项目劳务申请",
        contract:'材料采购合同',
        lineAbout:"苏州地铁项目",
        fukuanDay:"2022-3-24",
        money:"30万",
        shoukuanID:{name:"孔剑锋",bank:"中国工商银行",ID:"12983619764"},
        contractNote:"请尽快安排打款",
        ifEmergency:"否",
        projectAuthorization:'',
        ProductionValueConfirmation:'',
        projectPerson:'../../../assets/headerimg',
        caosongPerson:"@/src/assets/images/headerImg.png"
        },
    ];
    sessionStorage.setItem("wo",JSON.stringify(xiangqinArr))
    // const A = sessionStorage.setItem("aaa",JSON.stringify(userEntity))c
    // const B = sessionStorage.setItem("newXiangQinArr",JSON.stringify(xiangqinArr));
    // console.log(B);
  return (
    <>
        <div className='caiLiaoFuKuanXiangQinBox'>
            {/* 申请信息 */}
            <h4><span className='one'>|</span>申请信息</h4>
            <p><span className='name'>申请人 ： </span>{xiangqinArr[0].name}</p>
            <p><span className='name'>提交时间 ： </span>{xiangqinArr[0].getTime}</p>
            <p><span className='name'>状态 ： </span>{xiangqinArr[0].state}</p>
            {/* 申请内容 */}
            <h4><span className='one'>|</span>申请内容</h4>
            <p><span className='name'>标题 ： </span>{xiangqinArr[0].title}</p>
            <p><span className='name'>材料采购合同 ： </span>{xiangqinArr[0].contract}</p>
            <p><span className='name'>关联合同 ： </span>{xiangqinArr[0].lineAbout}</p>
            <p><span className='name'>拟付款日期 ： </span>{xiangqinArr[0].fukuanDay}</p>
            <p><span className='name'>付款金额 ： </span>{xiangqinArr[0].money}</p>
            <p>
                <span className='name'>付款账户 ： </span>
                <div className='fukuanzhanghuInfo'>
                    <p>户名 ： {xiangqinArr[0].shoukuanID.name}</p>
                    <p>开户行 ： {xiangqinArr[0].shoukuanID.bank}</p>
                    <p>账户 ： {xiangqinArr[0].shoukuanID.ID}</p>
                </div>
            </p>
            <p><span className='name'>合同付款备注 ： </span>{xiangqinArr[0].contractNote}</p>
            <p><span className='name'>是否紧急 ： </span>{xiangqinArr[0].ifEmergency}</p>
            <p><span className='name'>项目审批单 ： </span>{xiangqinArr[0].projectAuthorization}</p>
            <p><span className='name'>产值确认单 ： </span>{xiangqinArr[0].ProductionValueConfirmation}</p>
            <p>
                <span className='name'>审批人 ： </span>
                <div className='TouXiangDiv'>
                    <Avatar className='TouXiang' shape="square" size={64} icon={<UserOutlined />} />
                    <span>&gt;</span>
                    <Avatar className='TouXiang' shape="square" size={64} icon={<UserOutlined />} />
                </div>
            </p>
            <p>
                <span className='name'>抄送人 ： </span>
                <div className='TouXiangDiv'>
                    <Avatar className='TouXiang' shape="square" size={64} icon={<UserOutlined src={xiangqinArr[0].caosongPerson}/>} />
                </div>
            </p>
            {/* 日志 */}
            <h4><span className='one'>|</span>日志</h4>
            <p>
                <span className='name'><Avatar size="large" icon={<UserOutlined src=''/>} /></span>
                <div className='TouXiangDiv'>
                    <span>{xiangqinArr[0].getTime}</span><br/>
                    <span>{xiangqinArr[0].name} &nbsp;&nbsp;提交了班组付款申请</span>
                </div>
            </p>
            
        </div>
        <div className='blackDiv'>
            <Button className='btn' onClick={add}>返回</Button>
        </div>
    </>
  )
}
